<template>
  <div class="contont">
    <div class="data-box2">
      <div class="cont-box">
        <div class="top-box clearfix">
          <i class="topL"></i>
          <i class="topR"></i>
          <i class="bottomL"></i>
          <i class="bottomR"></i>
          <div class="alltitle">地图</div>
          <div class="allcontent">
            <baidu-map id="allmap" class="imh-box" :center="center" :zoom="zoom" @ready="handler" :scroll-wheel-zoom="true">
            </baidu-map>
            <!-- <img class="imh-box" src="../../../../../static/img/o54A.jpg" alt=""> -->
            <!-- <el-button size="mini" @click="socketFsBtn">发送消息</el-button> -->
          </div>
        </div>
      </div>
    </div>
    <div class="data-box3">
      <div class="right-box clearfix">
        <i class="topL"></i>
        <i class="topR"></i>
        <i class="bottomL"></i>
        <i class="bottomR"></i>
        <div class="alltitle">校准信息</div>
        <div class="allcontent">
          <div class="ov-f">
            <div class="tv-content pr2">
              <div class="top-box mt10 wi100">
                <div class="item">
                  <span class="tv1">航向角：</span>
                  <span class="tv2">{{ wrjHangXiang.heading }}</span>
                </div>
                <div class="item">
                  <span class="tv1">基线长(m)：</span>
                  <span class="tv2">{{ wrjHangXiang.length }}</span>
                </div>
                <div class="button-box">
                    <el-button v-if="!isSave" size="mini" type="primary" @click="saveStart">保存数据</el-button>
                    <download-excel v-else class="export-excel-wrapper" :data="hxsjList" :fields="json_fields" :header="header"
                      :name="downLoadExcelName">
                      &nbsp;&nbsp;<el-button size="mini" type="danger" @click="saveStop">停止 ({{saveTimes}}秒)</el-button>
                    </download-excel>
                  <!-- <download-excel class="export-excel-wrapper" :data="hxsjList" :fields="json_fields" :header="header" :name="NowDateName">
                    <el-button size="mini" type="primary" @click="hxsjJsClick">结 束</el-button>
                  </download-excel>
                  <el-button v-if="hxsjList.length > 0" size="mini" type="primary" @click="hxsjBcClick">保 存 ({{hxsjList.length}})</el-button>
                  <el-button v-else size="mini" type="primary" @click="hxsjBcClick">保 存</el-button> -->
                </div>
              </div>
              <div class="top-box mt10 wi100">
                <div class="item">
                  <div class="wi50 div-box h40">
                    <span class="tv1 lh40">斜距(米)：</span>
                    <span class="tv3 lh40">{{ xieJu }}</span>
                  </div>
                  <div class="wi50 bctz-box">
                    <div class="wi50">
                      <span class="w15 span-box">{{xJAdd}}</span>
                      <el-button size="mini" type="primary" @click="saveXieJuNumAdd">保存</el-button>
                    </div>
                    <div>
                      <download-excel class="export-excel-wrapper" :data="xieJuDataList" :fields="xj_json_fields" :header="headerxj"
                        :name="downLoadXieJuExcelName">
                        <el-button size="mini" type="danger" @click="saveXieJuDataToExcel">停止</el-button>
                      </download-excel>
                    </div>
                  </div>
                </div>
              </div>
              <div class="top-box mt10 wi100">
                <div class="item">
                  <span class="tv1">斜距(米)：</span>
                  <span class="tv2">{{ xieJu }}</span>
                </div>
              </div>
              <!-- 无人机 -->
              <div class="item-box">
                <el-card class="top-box">
                  <div slot="header" class="cardClearfix">
                    <span>无人机</span>
                  </div>
                  <div class="item">
                      <span class="tv1">经度：</span>
                      <span class="tv2">{{ wuRenJiData.lon}}</span>
                    </div>
                    <div class="item">
                      <span class="tv1">纬度：</span>
                      <span class="tv2">{{ wuRenJiData.lat }}</span>
                    </div>
                    <div class="item">
                      <span class="tv1">高度(m)：</span>
                      <span class="tv2">{{ wuRenJiData.hgt}}</span>
                    </div>
                </el-card>
                <el-card class="top-box">
                  <div slot="header" class="cardClearfix">
                    <span>测量仪</span>
                  </div>
                  <div class="item">
                      <span class="tv1">经度：</span>
                      <span class="tv2">{{ spyWeiZhi.lon }}</span>
                    </div>
                    <div class="item">
                      <span class="tv1">纬度：</span>
                      <span class="tv2">{{ spyWeiZhi.lat }}</span>
                    </div>
                    <div class="item">
                      <span class="tv1">高度(m)：</span>
                      <span class="tv2">{{ spyWeiZhi.hgt }}</span>
                    </div>
                </el-card>
              </div>
              <div class="item">
                <span class="tv1">定位状态：</span>
                <span class="tv2">{{ wrjHangXiang.posType }}</span>
              </div>
              <div class="item">
                <span class="tv1">经度：</span>
                <span class="tv2">{{ wuRenJiData.lon }}</span>
              </div>
              <div class="item">
                <span class="tv1">纬度：</span>
                <span class="tv2">{{ wuRenJiData.lat }}</span>
              </div>
              <div class="item">
                <span class="tv1">海拔高：</span>
                <span class="tv2">{{ wuRenJiData.hgt }}</span>
              </div>
              <div class="item">
                <span class="tv1">差分时间间隔：</span>
                <span class="tv2">{{ wrjWeiZhi.diffAge }}</span>
              </div>
              <!-- <div class="item">
                <span class="tv1">基线长(m)：</span>
                <span class="tv2">{{ wrjHangXiang.length }}</span>
              </div>
              <div class="item">
                <span class="tv1">航向角：</span>
                <span class="tv2">{{ wrjHangXiang.heading }}</span>
              </div> -->
              <div class="item">
                <span class="tv1">仰俯角：</span>
                <span class="tv2">{{ wrjHangXiang.pitch }}</span>
              </div>
              <div class="item">
                <span class="tv1">参与解算卫星颗数：</span>
                <span class="tv2">{{ wrjHangXiang.solnSVs }}</span>
              </div>
              <div class="item">
                <span class="tv1">无人机飞行距离(m)：</span>
                <span class="tv2">{{ wrjHangXiang.fxjl }}</span>
              </div>
              <div class="item">
                <span class="tv1">无人机飞行斜距(m)：</span>
                <span class="tv2">{{ wrjHangXiang.fxxj }}</span>
              </div>
              <div class="item">
                <span class="tv1">无人机飞行俯仰角(°)：</span>
                <span class="tv2">{{ wrjHangXiang.fxfyj }}</span>
              </div>
              <div class="item">
                <span class="tv1">无人机飞行偏航角度(°)：</span>
                <span class="tv2">{{ wrjHangXiang.fxphjd }}</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// import BaiduMap from 'vue-baidu-map/components/map/Map.vue';
import mixin from './mixin'
export default {
  name: 'index',
  components: {},
  mixins: [mixin],
  data() {
    return {}
  }
}
</script>
<style lang="scss">
@import "./mixins.scss";
</style>
